Intro

Embed N8N Workflows in Your App

Basesd off https://n8n-io.github.io/n8n-demo-webcomponent/

Demo

Components

  • N8N Embed

    This is the main component that hosts all the libraries for embedding as well as the component to render the embed.

    In your N8N Workflow, CMD + A to select all the nodes, then CMD + V to paste the JSON into the JSON attribute of the component.

    Attributes

    JSONThe JSON containing all the nodes of your workflow